{literal}
<script>
function pizzaFormSubmit(){
  $.ajax({
    url: "ajax.php?function=add-post-pizza",
    data: $(this.elements).serialize(),
    success: function(response){$("#message").html(response);},
    dataType: "html"
  }); 
  getcart(); 
  finishPizza();
  return false;  
}

</script>
{/literal}
  <form name="pizzaform" id="pizzaform" onsubmit=pizzaFormSubmit >
      <div id="sizes" style="background-color:#E9E9E9;padding:4px;margin:5px" class="rounded">
      <b style="margin-right:50px">{$lang.pizzabuilder_choose}</b>
      <br />{$sizes}
      </div>
      <p style="font-size:1.2em;color:#060" id="pizza_header" ></p>
      <div id="toppings">
        <p style="margin:10px;font-size:1.5em;padding:50px;color:#060; text-align:center">
          <table width="100%" border="0" cellspacing="5" cellpadding="5">
            <tr>
              <td>
                <img src="{$getPathName file='images/pizzasizes.jpg'}" width="275"  />
              </td>
              <td>
                <p style="margin:10px;font-size:1.5em;color:#060">{$lang.pizza_start_choose}</p>
              </td>
            </tr>
          </table>
        </p>
       
      </div>
      <input type="hidden" id="price_input" value="" name="price_input" />
      <input  type="hidden" id="toppings_price" value="" name="toppings_price" />
      <input  type="hidden" id="pizza_size" value="" name="pizza_size" />
      <table width="100%" border="0" cellspacing="0" cellpadding="0" style="display:none" id="pizza_footer">
        <tr>
          <td>{$lang.pizzabuilder_additional_instructions_message}
            <br />
            <textarea name="instructions" style="width:200px;height:60px"></textarea>
          </td>
          <td>{$lang.pizza_price_label} {if $config.money_position eq "1"}{$config.money_symbol}{/if}<span id="pizza_price"> </span>{if $config.money_position eq "2"}{$config.money_symbol}{/if}
            <div style="text-align:right">
            {$lang.pizzabuilder_quantity_label}<input type="text" size="2" value="1" name="quantity" />
              <input type="submit" value="{$lang.pizzabuilder_add_button}"/>
            </div>
          </td>
        </tr>
      </table>
    </form>
    
    <!-- pizza toppings area -->
    
  <div style="display:none">
    <div id="toppings_pop">
      <input type="hidden" name="current_topping" id="current_topping" />
      <table width="100%" border="0" cellspacing="5" cellpadding="5" style="text-align:center">
        <tr>
          <td width="25%">
            <a href="javascript:chooseArea('Whole');">
              <img src="{$getPathName file='images/whole_pizza.jpg'}" width="128" height="89" border="0" />
            </a>
            <p>{$lang.pizza_whole_label}</p>
          </td>
          <td width="25%">
            <a href="javascript:chooseArea('Left Half');">
              <img src="{$getPathName file='images/half_pizza.jpg'}" width="128" height="89" />
            </a>
            <p>{$lang.pizza_left_label}</p>
          </td>
          <td width="25%">
            <a href="javascript:chooseArea('Right half');">
              <img src="{$getPathName file='images/right_half_pizza.jpg'}" width="128" height="89" />
            </a>
            <p>{$lang.pizza_right_label}</p>
          </td>
          <td>
            <a href="javascript:chooseArea('Remove');">
              <img src="{$getPathName file='images/remove.jpg'}" width="128" height="89" />
            </a>
            <p>{$lang.pizza_remove_label}</p>
          </td>
        </tr>
      </table>
    </div>
  </div>
